<template>
	<view style="height: 100vh;">
			<view style="height: 800rpx;width: 750rpx">
				<image style="height: 800rpx;width: 750rpx;position: absolute;z-index: 0;" src="../../static/bg2.png"></image>
			</view>
			<uni-card style="height: 281px;background: #FFFFFF;border-radius: 12px;margin-top: -258rpx;">
				<view style="margin-top: 36rpx;display: flex; justify-content: center">
					<text style="font-family: PingFangSC-SNaNpxibold;font-weight: 600;font-size: 20px;color: #000000;text-align: center;">季招生能力测试</text>
				</view>
				<view style="margin-top: 36rpx;">
					<text style="font-family: PingFangSC-Regular;font-weight: 400;font-size: 16px;color: #000000;line-height: 31px;">
						尊敬的各位招宣人员：<br>
						本次考试共28题，请您于4月X号18:00-20:00完成测试。请务必在规定的时间内完成，一旦超时分数记为0。若已知晓上述内容，请开始测试。
					</text>
				</view>
			</uni-card>
			<view style="margin-left: 32rpx;">  
			      <uni-row>  
			        <uni-col :span="2">  
			          <image :src="currentImagePath" @click="toggleImage" style="width: 16px;height: 16px;"></image>  
			        </uni-col>  
			        <uni-col :span="22" style="margin-top: -4rpx;">  
			          <text style="font-family: PingFangSC-Regular;font-weight: 400;font-size: 12px;color: #939393;letter-spacing: 0;text-align: center;">我已知晓上述内容</text>  
			        </uni-col>  
			    </uni-row>  
			</view>  
			<button class="btn" @click="handleBeginTest" :disabled="!isAgreed">  
			      <view class="v1" style="height: 80rpx;">开始测试</view>  
			</button> 
					
			
	</view>
</template>

<script>
export default {  
  data() {    
      return {    
        // 初始图片路径  
        currentImagePath: '../../static/选择(未选).png',  
        // 另一张图片的路径  
        anotherImagePath: '../../static/选择(已选).png',  
        // 跟踪用户是否已同意的变量  
        isAgreed: false  
      };    
    },    
    methods: {    
      // 切换图片的方法  
      toggleImage() {    
        // 切换图片路径  
        this.currentImagePath = this.currentImagePath === this.anotherImagePath ? this.anotherImagePath.replace('(已选)', '(未选)') : this.anotherImagePath;  
        // 更新用户是否已同意的状态  
        this.isAgreed = this.currentImagePath === this.anotherImagePath;  
      },  
      // 处理开始测试的方法  
      handleBeginTest() {  
          // 输出日志，表示测试开始  
         
		  uni.navigateTo({
		    url: '/pages/cs/lianxi'  
		  });  
        },  
        
        // 封装跳转到测试页面的逻辑  
         
    }  
};  	
</script>

<style>
	.btn{
		margin-top: 122rpx;
		margin-left: 32rpx;
		margin-right: 32rpx;
		height: 40px;
		background: #276EFF;
		border-radius: 8px;
	}
	.v1{
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 80rpx;
	}
</style>